<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>

<div id="myDiv"><h2 id="myh2">使用 AJAX 修改该文本内容</h2></div>
<button type="button" id="mybtn">修改内容</button>

<script>


    // jquery 的回调函数，当所有文档元素都加载完毕后会调用如下 function中的代码
    $(function () {
        // console.log('ok');

        // 给button按钮注册单击事件
        $("#mybtn").click(function () {

            console.log(100);

            var user = {id:1,name:"shine"};
            // jquery 发送ajax请求
            $.ajax({
                url:'/json/test4',
                type:'post',
                contentType:"application/json",//声明请求参数类型为 json
                data:JSON.stringify(user),// 转换js对象成json
                success:function(ret){
                    console.log(ret);
                    $("#myh2").text(ret.name);
                    // $("#myh2").innerHTML=ret.name;
                }
            });

        });

    });

</script>

</body>
</html>
